<template>
  <!-- 控股企业 -->
  <el-table :data="detail" border style="width: 100%">
    <el-table-column label="编号" type="index" width="60" />

    <el-table-column label="控股企业名称" prop="entName" width="200" show-overflow-tooltip />
    <el-table-column label="投资占比" prop="proportion" width="200" show-overflow-tooltip />
    <el-table-column label="股权链" prop="pathData" show-overflow-tooltip>
      <template #default="{ row }">
        <div v-for="(item, index) in row.pathData" :key="index">
          <p style="font-size: 14px; line-height: 34px; font-weight: bold">
            {{ `股权路径${index + 1}（占比约${item.pathPercent}%）` }}
          </p>
          <div v-for="(path, i) in item.pathList" :key="i">
            <span href="" style="font-size: 14px; line-height: 24px">
              {{ path.investComp }}
            </span>
            <span> -> {{ path.percent }} </span>
            <span v-if="i < item.pathList.length - 1">-></span>
          </div>
        </div>
      </template>
    </el-table-column>
  </el-table>
</template>

<script setup lang="ts">
const props = defineProps({
  detail: Array
})
</script>

<style lang="scss" scoped></style>
